<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>教程: Hello Dojo!</title>
</head>
<body>
<h1 id="greeting">Hello</h1>
<!--配置 Dojo-->
<script>
    // 在 dojo.js 载入之前创建了一个dojoConfig对象，用来替代属性'data-dojo-config'
    // 对于大量的配置项来说这种方式代码的可读性更强
    var dojoConfig={
        async:true,
        // 这里标示了 demo 包的正确位置，因此我们可以在使用 CDN 上的 Dojo 的同时仍
        // 然能够加载本地的模块
        packages:[{
            name:"demo",
            location:location.pathname.replace(/\/[^/]*$/, '')+'/demo'
        }]
    }
</script>
<!-- 载入 Dojo -->
<script src="//lib.sinaapp.com/js/dojo/1.10.0/dojo.js"></script>
<script>
    require([
            'demo/myModule'
    ], function (myModule) {
        myModule.setText('greeting','Hello Dojo!');

        setTimeout(function(){
            myModule.restoreText('greeting');
        },3000);
    });

    // 等待 DOM 部分的例子
    /*require([
        'dojo/dom',
        'dojo/domReady!'
    ], function (dom) {
        var greeting = dom.byId('greeting');
        greeting.innerHTML += ' from Dojo!';
    });*/
</script>
</body>
</html>